<template>
  <div>
    BaseOneItem
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
/* 
1.默认的style样式，会作用与全局---全局样式
2.加上scoped属性的style样式，只会作用于当前组件
3.组件应该有自己的样式时，应该加上scoped
--------------------------------------------
scoped原理：
1.给当前组件模版的所有元素，都会被添加一个自定义属性
data-v-hash值
data-v-xxxxxxxx 来区分不同组件
2.css属性选择器，被自动处理，添加上了属性选择器
div[data-v-xxxxxxxx]
 */
div {
    border: 3px solid red;
    margin: 30px;
}
</style>